const testComponents = {
    template: `
  <div :style="[styleSizeName,styleName]"
    :class="className">
    <div :style="styleChartName">
      <h2>自定义组件</h2><br />
      <h3>我是参数:{{option}}</h3><br />
      <h3>data:{{dataChart}}</h3><br />
      <h3>params:{{(dataAxios.config || {}).params}}</h3><br />
    </div>
  </div>
`,
    name: "test",
    props: {
        option: Object,
        component: Object
    },
    computed: {
        styleName() {
            return {
                fontSize: this.fontSize,
                color: this.color
            };
        },
        color() {
            return this.option.color || "#fff";
        },
        fontSize() {
            return (this.option.fontSize || 30) + "px";
        }
    }
};

const testOption = {
    template: `
  <div>
    <el-form-item label="字体大小">
      <avue-input-number v-model="main.activeOption.fontSize"></avue-input-number>
    </el-form-item>
    <el-form-item label="字体颜色">
      <avue-input-color v-model="main.activeOption.color"></avue-input-color>
    </el-form-item>
  </div>
`,
    name: "test",
    inject: ["main", "contain"]
};
